<script type="text/javascript">
 	var userRoleEidtJs = null;
	$(document).ready(function() {
		userRoleEidtJs = new userRoleEdit($("#userRoleEditDiv"));
	}); 
</script>
<style>
	.hint-text  input, .hint-text textarea{
		width: 200px;
	}
</style>
<div id="userRoleEditDiv">
	<div class="hint-content" style="height:415px;">
	     <div class="one-case" style="width: 100%;height: 100%;">
	         <div class="info-case01" style="width: 350px;">
	           <div class="hint-text">
	              <label>角色名称：</label>
	              <input type="text" class="k-textbox"  data-bind="value:roleName" 
	              validationMessage="角色名称为必填且不能包含特殊字符"  required pattern="^[\u4e00-\u9fa5A-Za-z0-9-_]*$"/>
	            </div>
	            <div class="hint-text">
	              <label>角色编码：</label>
	              <input type="text" class="k-textbox"  data-bind="value:roleCode" disabled="disabled"/>
	            </div>
	            <div class="hint-text">
                 <label>备注：</label> 
                 <textarea class="k-textbox" style="resize: none;height:150px; " rows="3" cols="50" data-bind="value:des" maxlength="1000"></textarea>
               </div>
	         </div>
	         <div class="treeCase" style="height:calc(100% - 1px);border-bottom:none">
	            <div class="title">系统权限</div>
	          	<div id="userRoleTree" style="height: calc(100% - 35px)"></div>
	         </div>
	     </div> 
	 </div>
	 <!--确定、取消btn-->
	 <div class="basicInfo-btn">
       <button class="save" data-bind="click:saveUserRoleInfo">确定</button>
       <button class="cancel" data-bind="click:closeWindow">取消</button>
	 </div>
</div>